<template>
  <view id="myView">
    <view>这是test组件{{num}}</view>
    <view>这是父组件传递过来的数据{{title}},{{name}}</view>
    <view>
      <button type="primary" @click="sendNum">给父组件传值</button>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      num: 3,
      intId: null
    };
  },
  props: ['title', 'name'],
  methods: {
    sendNum() {
      console.log('给父亲传值')
      this.$emit('myEven', this.num)
    },
	beforeCreate() {
	  console.log('实例已经开始初始化了')
	  console.log(this.num)
	},
	created() {
	  console.log('created', this.num)
	  // this.intId = setInterval(()=>{
	  //   console.log('执行定时器')
	  // },5000)
	},
	beforeMount() {
	  console.log('beforemount', document.getElementById('myView'))
	},
	mounted() {
	  console.log('mounted', document.getElementById('myView'))
	},
	destroyed() {
	  console.log('组件销毁了')
	  // clearInterval(this.intId)
	}
	}
	}
</script>

<style>
</style>